{% extends 'base/front_base.html' %}

{% block title %}
    文章详情
{% endblock %}

{% block head %}
    <link rel="stylesheet" type="text/css" href="{% static 'css/articles/article_detail.min.css' %}">
	<script type="text/javascript" src="{% static 'js/article_detail.min.js' %}"></script>
{% endblock %}

{% block main %}
    <div class="wrapper clearfix">
        <div class="articles-wrapper fl">
            <div class="article-group">
					<h1 class="title">基因治疗公司Exegenesis Bio获险峰旗云领投千万美元融资聚焦基因治疗药物开发</h1>
					<div class="author-group clearfix">
						<div class="author-box fl">
							<span class="author"><a href="#">linLinStyle</a></span>
							<span class="pub-time">1小时前</span>
							<span class="category">最新讨论</span>
						</div>
						<div class="share-group fr clearfix">
							<span class="fl">分享至：</span>
							<a href="#" class="weixin fl"></a>
							<a href="#" class="sina fl"></a>
						</div>
					</div>
					<div class="content">
						我是文章内容
					</div>
				</div>
            <div class="comment-group">
					<h3 class="title">评论列表</h3>
					<textarea readonly name="comment" class="comment-textarea nologin-textarea" placeholder="立即登录，参与评论"></textarea>
					<div class="comment-submit-btn-group clearfix">
                        <button class="submit-btn fr">立即评论</button>
                    </div>
                    <ul class="comment-list">
                    	<li>
                    		<div class="comment-group clearfix">
                    			<a class="left fl" href="#"><img class="avatar" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2279940590,2443109599&fm=26&gp=0.jpg"></a>
                    			<div class="right fl">
                    				<p class="author-box">
                    					<a href="#" class="author">linLinStyle</a>
                    					<span class="create-time">发表于：1999/99/99 99:99</span>
                    				</p>
                    				<p class="comment-info">这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论</p>
                    			</div>
                    		</div>
                    		<div class="reply-group clearfix">
                    			<div class="reply fr">
                    				<a href="#">举报</a>
                    				<a href="#">回复</a>
                    			</div>
                    		</div>
                    	</li>
                    	<li>
                    		<div class="comment-group clearfix">
                    			<a class="left fl" href="#"><img class="avatar" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2279940590,2443109599&fm=26&gp=0.jpg"></a>
                    			<div class="right fl">
                    				<p class="author-box">
                    					<a href="#" class="author">linLinStyle</a>
                    					<span class="create-time">发表于：1999/99/99 99:99</span>
                    				</p>
                    				<p class="comment-info">这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论,这是一条测试评论</p>
                    			</div>
                    		</div>
                    		<div class="reply-group clearfix">
                    			<div class="reply fr">
                    				<a href="#">举报</a>
                    				<a href="#">回复</a>
                    			</div>
                    		</div>
                    	</li>
                    </ul>
				</div>
        </div>
        {% include 'common/sidebar.html' %}
    </div>
{% endblock %}